<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>个人信息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/animate.min.css"/>
    <link rel="stylesheet" href="css/index.css"/>
</head>
<body>
<!-- Swiper -->
<div class="swiper-container">
    <div class="swiper-wrapper">
        <!--模块一-->
        <div class="swiper-slide swiper-back">
            <div class="swiper-img"><img class="ani" swiper-animate-effect="flip" swiper-animate-duration="0.8s" swiper-animate-delay="0.3s" src="images/01.jpg" alt=""/></div>
            <div class="swiper-text">
                <p></p><p></p>
                <span class="ani" swiper-animate-effect="zoomInUp" swiper-animate-duration="1s" swiper-animate-delay="0.8s">给你次机会就一次机会给你次机会就一次机会</span>
                <p></p><p></p>
            </div>
            <a href="#" class="ani swiper-button-next" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="1.6s" ><span class="swiper-imgs">Liao</span></a>
        </div>
        <!--模块二-->
        <div class="swiper-slide swiper-back1">
            <div class="swiper-moduleTwo">
                <div id="span" class="swiper-moduleSpan ani swiper-add"  swiper-animate-effect="tada" swiper-animate-duration="0.7s" swiper-animate-delay="0.3s"></div>
                <div class="swiper-moduleName ani" swiper-animate-effect="flipInX" swiper-animate-duration="0.7s" swiper-animate-delay="0.5s">
                    <div class="swiper-topLeft">
                        <p>UIDesign</p><p>GENGCHANG</p>
                    </div>
                    <div class="swiper-topRight"><span>前端</span></div>
                </div>
                <div class="swiper-moduleContact">
                    <p></p><p></p>
                    <p></p><p></p>
                    <div class="swiper-contact ani"swiper-animate-effect="bounceInDown" swiper-animate-duration="0.7s" swiper-animate-delay="1.3s">
                        <ul>
                            <li>手机：</li>
                            <li>邮箱：</li>
                            <li>网址：</li>
                            <li>地址：</li>
                        </ul>
                    </div>
                    <div class="swiper-contactR ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="0.7s" swiper-animate-delay="1.3s">
                        <ul>
                            <li>13601302354</li>
                            <li>578837287@qq.com</li>
                            <li>www.chango1.com</li>
                            <li>北京市东城区崇文门外大街44号楼大康大厦605B</li>
                        </ul>
                    </div>
                </div>
                <a href="#" class="ani swiper-button-next" id="swiper-button-next1"  swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="1.4s"><span class="swiper-imgs">Story</span></a>
            </div>
        </div>
        <!--模块三-->
        <div class="swiper-slide swiper-back1">
            <div class="swiper-moduleTwo" id="three">
                <div class="swiper-moduleSpan ani swiper-add3" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s"></div>
                <div class="swiper-moduleName ani" swiper-animate-effect="flipInY" swiper-animate-duration="1s" swiper-animate-delay="0.8s">
                    <div class="swiper-topLeft">
                        <p>UIDesigner</p><p>GENGCHANG</p>
                    </div>
                    <div class="swiper-topRight"><span>前端</span></div>
                </div>
                <div class="swiper-moduleContact">
                    <p></p><p></p>
                    <p></p><p></p>
                    <div class="swiper-modulSan ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
                        我的梦想我的梦想 我的梦想我的梦想 我的梦想我的梦想 我的梦想我的梦想
                    </div>
                </div>
                <a href="#" class="ani swiper-button-next" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="1.4s"><span class="swiper-imgs">Follow</span></a>
            </div>
        </div>
        <!--模块四-->
        <div class="swiper-slide swiper-back1">
            <div class="swiper-moduleTwo">
                <div class="swiper-moduleSpan ani swiper-add4"  class="ani" swiper-animate-effect="bounceIn" swiper-animate-duration="0.8s" swiper-animate-delay="0.3s"></div>
                <div class="swiper-moduleName ani"  class="ani" swiper-animate-effect="flipInX" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
                    <div class="swiper-topLeft">
                        <p>UIDesigner</p><p>GENGCHANG</p>
                    </div>
                    <div class="swiper-topRight"><span>前端</span></div>
                </div>
                <div class="swiper-ewm ani"  class="ani" swiper-animate-effect="flipInY" swiper-animate-duration="1s" swiper-animate-delay="1s">
                    <img src="images/ewm.png" alt=""/>
                    <span>长按关注</span>
                </div>
                <a href="#"  class="ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="1.4s"><span class="swiper-imgs">See you</span></a>
            </div>
        </div>
    </div>
    <!-- Add Pagination -->
</div>
<!-- Swiper JS -->
<script src="js/swiper.min.js"></script>
<script src="js/index.js"></script>
<script src="js/swiper.animate1.0.2.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/tJquer.js"></script>
</body>
</html>